<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if IE 7]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie7 oldie"> <![endif]-->
<!--[if IE 8]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie8 oldie"> <![endif]-->
<!--[if IE 9]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie9"> <![endif]-->
<!--[if gt IE 9]> --> <html xmlns="http://www.w3.org/1999/xhtml"> <!--<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Alumni - Alumni Services</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/flexslider.css" />
</head>

<body>
	<div class="container">
    	<div class="top-bar clearfix">
        	<ul>
				<li>
                	<a href="#">
	                    Welcome	
                    </a>
                </li>
                <li>
                	<a href="#">
                    	Contact
                    </a>
                </li>
                <li>
                	<a href="#">
                    	Log In
                    </a>
                </li>
			</ul>
        </div>
        <div class="header clearfix">
        	<h1 class="logo">
        	<a href="#">
            	Future University
                <span></span>
            </a>
        </h1>
        	<h1>
            <a href="home.html" class="center-name">
                Alumni
                <span>
                	
                </span>
            </a>
            </h1>
            
            <div class="search">
            	<div class="form">
                	<input type="text" placeholder="enter search item" />
                    <input type="submit" value="Search" />
                </div>
                
            </div>
        </div>
        
        <div class="inner-content">
        	<div class="inner-banner">
            	<img src="images/inner-banner.jpg" alt="" />
            </div>
            <div class="side-menu">
            	<ul>
                	<li>
                    	<a href="home.html">
                        	Home
                        </a>
                    </li>
                    <li>
                    	<a href="alumni-spotlight.html">
                        	Alumni Spotlight
                        </a>
                    </li>
                    <li>
                    	<a href="online-community.html">
                        	Online Community
                        </a>
                    </li>
                    <li>
                    	<a href="lost-alumni.html">
                        	Lost Alumni
                        </a>
                    </li>
                    <li>
                    	<a href="alumni-awards.html">
                        	Alumni Awards
                        </a>
                    </li>
                    <li >
                    	<a href="alumni-services.html">
                        	Alumni Services
                        </a>
                    </li>
                </ul>
            </div>
            <div class="main-column">
            	<div class="breadcrumb clearfix">
                	<ul>
                    	<li>
                        	<a href="#">
                        		Home
                        	</a>
                        </li>
                        <li>
                        	<a href="#">
                        		Contact Us
                        	</a>
                        </li>
                    </ul>
                </div>
                <div class="two-col">
                	<h2>Contact Us</h2>
                    <h3>Contact Directory</h3>
                    
                    <div class="contacts-data">
                	<div class="row">
                    	<div class="label">Phone :</div>
                    	<div class="value">
    	                    <span>+(202) - 26186100</span>
							<span>+(202) - 26186110</span>
                        </div>
                    </div>
                    <div class="row">
                    	<div class="label">Fax. :</div>
                    	<div class="value">
                        	<span>+(202) - 26186111</span>
                        </div>
                    </div>
                    <div class="row">
                    	<div class="label">E-mail </div>
                    	<div class="value">
    	                    <span>
                            	<a href="mailto:alumni@fue.edu.eg">alumni@fue.edu.eg</a>
                            </span>
                        </div>
                    </div>
                    <div class="row">
                    	<div class="label">Location :</div>
                    	<div class="value">
    	                    <span>
                            	Al Tagamoa El Khames , Main Center of Town , End of 90th street 
Cairo, Egypt 
                            </span>
                        </div>
                    </div>
                    
                    
                    
                </div>
                
                <h3>E-mail Us</h3>
                <form class="contact-form">
                                	<div class="box">
                                		<div class="clearfix">
                                        	<label>
                                            	Your Mail:
                                            </label>
                                            <input type="text" />
                                            
                                        </div>
                                        <div class="clearfix">
                                        	<label>
                                            	Department
                                            </label>
                                            <select>
                                            	<option> -- </option>
                                                <option></option>
                                                <option></option>
                                            </select>
                                            
                                        </div>
                                        <div class="clearfix">
                                        	<label>
                                            	Phone
                                            </label>
                                            <input type="text" />
                                            
                                        </div>
                                        <div class="clearfix">
                                        	<label>
                                            	Message:
                                            </label>
                                            <textarea></textarea>
                                        </div>
                                        
                                        
	                                </div>
                                    <input type="submit" value="SEND" />
                                </form>
                   
                </div>
                
            </div>
        </div>
        
        
        
        <div class="footer clearfix">
        	<a href="#" class="footer-logo"></a>
            <div class="footer-right">
            <div class="copyright">
            	Copyright &copy; Welcome to Future University Alumni Website. All Rights Reserved
            </div>
            <ul class="footer-menu">
            	<li>
                	<a href="home.html">Home</a>
                </li>
                <li>
                	<a href="welcome.html">Welcome</a>
                </li>
                <li>
                	<a href="contact_us.html">Contact Us</a>
                </li>
                <li>
                	<a href="sitemap.html">Sitemap</a>
                </li>
              <li>
                	<a href="#">Login</a>
                </li>
            </ul>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="js/jquery.flexslider.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</body>
</html>
